﻿<%@ Page Title="" Language="C#" MasterPageFile="~/GUI/TemplateBook.master" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="GUI_Index" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div class="portfolioArea portfolioStyle-2">
    <!--
    <div class="portfolioItem">
							<a href="images/content/demo-only/placeholder.jpg" class="zoom imgVerySmall item-preview iconZoom" title="This is the image description" rel="portfolio">
								<img src="images/content/demo-only/placeholder.jpg" width="140" 
                                height="178" alt="Portfolio Image" />
								<span class="imgFrame"></span>
							</a>
							<div class="portfolioDescription">
								<h4>Mollis Metus Vel</h4>
								<p>Aliquam mollis metus vel dolor amet nisi vehicula accumsan luctus.</p>
								<p>Cras tempus purus a felis placerat mattis. Sed luctus hendrerit sem, vel mattis nunc pharetra convallis. Pellentesque pharetra tempus nisi a feugiat. Sed luctus hendrerit pharetra luctus hendrerit sem.</p>
								<a href="#" class="boxLink">More Information...</a>
							</div>
						</div>
    <div class="portfolioItem">
							<a href="images/content/demo-only/placeholder.jpg" class="zoom imgVerySmall item-preview iconZoom" title="This is the image description" rel="portfolio">
								<img src="images/content/demo-only/placeholder.jpg" width="140" 
                                height="178" alt="Portfolio Image" />
								<span class="imgFrame"></span>
							</a>
							<div class="portfolioDescription">
								<h4>Mollis Metus Vel</h4>
								<p>Aliquam mollis metus vel dolor amet nisi vehicula accumsan luctus.</p>
								<p>Cras tempus purus a felis placerat mattis. Sed luctus hendrerit sem, vel mattis nunc pharetra convallis. Pellentesque pharetra tempus nisi a feugiat. Sed luctus hendrerit pharetra luctus hendrerit sem.</p>
								<a href="#" class="boxLink">More Information...</a>
							</div>
						</div>
                        -->
    <asp:DataList ID="DataList1" runat="server" RepeatColumns="2">
        <ItemTemplate>
            <div class="portfolioItem">
                <a class="zoom imgVerySmall item-preview iconZoom" 
        href="images/content/demo-only/placeholder.jpg" rel="portfolio" 
        title="This is the image description">
                    <asp:Image ID="ProImg" runat="server" Width="140" Height="178" ImageUrl="~/GUI/images/content/demo-only/placeholder.jpg" />
                <span class="imgFrame"></span></a>
                <div class="portfolioDescription">
                    <h4>
                        <asp:Label ID="ProName" runat="server" Text="Label"></asp:Label></h4>
                    <p>
                        Aliquam mollis metus vel dolor amet nisi vehicula accumsan luctus.</p>
                    <p>
                        Cras tempus purus a felis placerat mattis. pharetra luctus hendrerit sem.</p>
                    <asp:LinkButton ID="ProDetail" runat="server" CssClass="boxLink">Detail</asp:LinkButton>
                    <asp:LinkButton ID="LinkButton1" runat="server" CssClass="boxLink">Add to Cart</asp:LinkButton>
                </div>
            </div>
        </ItemTemplate>
    </asp:DataList>
</div>
</asp:Content>

<asp:Content ID="Content3" runat="server" contentplaceholderid="ContentPlaceHolder2">
    <div style="margin: 2em 0;" class="hr"></div>
									
									
									<div>
										<img class="right" style="margin: 0 -15px 0 0;" src="images/icons/iphone-black.png" width="107" height="128" alt="Contact Us" />
										<h3 class="left" style="margin-top: 11px;">Shopping Cart</h3>
										<p class="left">
											<span style="font-size: 1.35em;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5 items</span><br />
											 <a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Total : 100$</a>
										</p>
										<p class="left"><a href="sample-contact.html" class="boxLink">Contact Form</a></p>
										<div class="clear"></div>
                                        <h3>Clients</h3>
									<p><img src="images/ClientLogos.png" width="245" height="181" alt="Clients" /></p>

									<div style="margin: 2em 0;" class="hr"></div>
									
                                        
									</div>
</asp:Content>


<asp:Content ID="Content4" runat="server" 
    contentplaceholderid="ContentPlaceHolder3">
    <asp:DataPager ID="DataPager1" runat="server" PageSize="5">
        <Fields>
            <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" 
                ShowNextPageButton="False" ShowPreviousPageButton="False" />
            <asp:NumericPagerField />
            <asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" 
                ShowNextPageButton="False" ShowPreviousPageButton="False" />
        </Fields>
    </asp:DataPager>
</asp:Content>



